<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery(function($){

	// Menu
	var menu = $('div.menu');
	var major = $('div.major');
	var li_list = major.find('>ul>li');

	// Selected
	function onselectmenu(){
		var myclass = [];

		$(this).parent('li').each(function(){
			myclass.push( $(this).attr('class') );
		});

		myclass = myclass.join(' ');
		if (!major.hasClass(myclass)) major.attr('class','major').addClass(myclass);
	}

	// Show Menu
	function show_menu(){
		t = $(this);
		li_list.removeClass('active');
		t.parent('li').addClass('active');
		// IE7 or IE7 documentMode bug fix
		if($.browser.msie) {
			var v = document.documentMode || parseInt($.browser.version);
			if (v == 7) {
				var subWidth = t.next('div.sub').eq(-1).width();
				t.next('div.sub').css('width',subWidth);
			}
		}
	}
	li_list.find('>a').click(onselectmenu).mouseover(show_menu).focus(show_menu);

	// Hide Menu
	function hide_menu(){
		li_list.removeClass('active');
	}
	menu.mouseleave(hide_menu);
	li_list.find('div.sub>ul').mouseleave(hide_menu);

	// Hide Menu & Aside
	$('*:not(".menu *")').focus(hide_menu);

});
</script>
<link rel="stylesheet" href="../_css/BrightSide.css" type="text/css" />
<link rel="stylesheet" href="../_css/layout.css" type="text/css" />
<style>
.login_bg {background-color:#59b224;}
.w3 {width:3px;}
.h5 {height:5px;}
.h30 {height:30px;}
.login_title {font:bold 16px "sans-serif"; color:#FFF; margin-left:10px;}
.login_td {padding:10px; font:bold 14px "Tahoma, Geneva, sans-serif"; color:#A1A1A1;}
</style>
<title>SYNONIM EDITOR WORKBENCH - LOGIN</title>
</head>
<body>
<form class="searchform" name='login' method='post' action='./LoginCheck.php'>
<table border=0 cellpadding=0 cellspacing=0 style='margin:150px auto 0 auto; width:400px;'>
	<tr>
		<td colspan='4'><img src="../_img/saltlux_logo.gif"></td>
	</tr>
	<tr>
		<td colspan='4' class='login_bg h30'><span class='login_title'>LOGIN</span></td>
	</tr>
	<tr>
		<td class='login_bg w3'></td>
		<td class='login_td'>USERNAME</td>
		<td class='login_td'><input type="text" name="user_id"></td>
		<td class='login_bg w3'></td>
	</tr>
	<tr>
		<td class='login_bg w3'></td>
		<td class='login_td'>PASSWORD</td>
		<td class='login_td'><input type="password" name="user_pw"></td>
		<td class='login_bg w3'></td>
	</tr>
	<tr>
		<td class='login_bg w3'></td>
		<td class='login_td'></td>
		<td class='login_td'><input class="button_orange" type='submit' value=' L O G I N ' ></td>
		<td class='login_bg w3'></td>
	</tr>
	<tr>
		<td colspan='4' class='login_bg h5'></td>
	</tr>
</table>
</form>
</body>
</html>

